import VueRouter from 'vue-router';

import About from '../components/About.vue'
import Home from '../components/Home.vue'
import News from '../components/News.vue'
import Message from '../components/Message.vue'
import Detail from '../components/Detail.vue'

const router = new VueRouter({
    routes:[
        {
            name:'guanyu',
            path:'/About',
            component:About
        },
        {
            path:'/Home',
            component:Home,
            children:[
                {
                    path:'Message',
                    component:Message,
                    children:[
                        {
                            name:'mingxi',
                            path:'Detail/:id/:name',
                            component:Detail,
                        }
                    ]
                },
                {
                    path:'News',
                    component:News
                }
            ]
        },
    ]
})


export default router;